import SkeletonItem from '../SkeletonItem';
import { View } from '@tarojs/components';
import Card from '@/components/Card';
import styles from '../style.scss';

export default () => {
  return (
    <View className="skeleton_container">
      {Array.from(new Array(6)).map((__, index) => (
        <Card className={styles.card} key={index}>
          <View className={styles.grid}>
            <SkeletonItem height={40} width={224} />
            <SkeletonItem height={40} style={{ width: '100%' }} />
            <SkeletonItem height={40} style={{ width: '100%' }} />
          </View>
        </Card>
      ))}
    </View>
  );
};
